﻿<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="/ViewV5/images/qj.ico" type="image/x-icon" />
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_533449_naak7odp5x.css" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/animate.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/bootstrap3.3.5/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/default.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/index.css?v=5">
    <link href="/ViewV5/JS/element/index.css" rel="stylesheet" />
    <link href="/ViewV5/JS/range/range.css" rel="stylesheet" />

    <style>

        .szhl_getPeoples {
            display: none;
        }

        .szhl_branch {
            display: none;
        }


        .modal {
            top: 100px;
        }

        .modal-backdrop {
            background-color: transparent;
            display: none;
        }

        .gdwidth {
            width: 1200px;
        }

        .gdall {
            width: 98%;
        }

        .nav-list {
            padding: 20px 0;
        }

            .nav-list li {
                width: 100%;
                min-height: 48px;
                line-height: 48px;
                position: relative;
                border-top: 1px dotted #e8e6e6;
            }

                .nav-list li > a {
                    width: 100%;
                    height: 100%;
                    display: inline-block;
                    font-size: 14px;
                    text-indent: 40px;
                    margin-left: -5%;
                }

        .menu3 {
            padding-left: 50px;
            cursor: pointer;
        }

        .menu3active {
            BACKGROUND-COLOR: #d6ecff;
        }

        .menu3:hover {
            BACKGROUND-COLOR: #d6ecff;
        }
        /*.toptab .el-icon-close {
            visibility: hidden;
        }
        .toptab:hover .el-icon-close {
            visibility:visible
        }*/

        .nav-list li a.active {
            background-color: #12b8f6;
            color: #fff;
            width: 110%;
            margin-left: -5%;
            position: relative;
        }

            .nav-list li a.active a {
                color: #fff;
                text-indent: 50px;
            }

            .nav-list li a.active:before {
                width: 0;
                height: 0;
                border-bottom: 8px solid #0595cb;
                border-left: 10px solid transparent;
                display: inline-block;
                content: "";
                position: absolute;
                left: 0;
                top: -8px;
            }

            .nav-list li a.active:after {
                width: 0;
                height: 0;
                border-bottom: 8px solid #0595cb;
                border-right: 10px solid transparent;
                display: inline-block;
                content: "";
                position: absolute;
                right: 0;
                top: -8px;
            }

        .nav-list .icon-shezhi, .menu-general .icon-shezhi {
            position: absolute;
            right: 25px;
            top: 0;
            text-decoration: none;
            cursor: pointer;
            color: #666;
        }

        .el-button--medium {
            border-radius: 2px !important;
        }

        /*Webkit and Opera*/
        /*@media screen and (-webkit-min-device-pixel-ratio:0)  {
            .modal-backdrop {
                background-color: #000;
                display: block !important;
            }
        }*/
    </style>
    <script>
        function changeFrameHeight() {
            setTimeout("autoheght()", 1000)
        }
        function autoheght() {
            var iframe = document.getElementById("main");
            if (iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if (iframeWin.document.body) {
                    //iframe.height = iframeWin.document.documentElement.clientHeight || iframeWin.document.body.scrollHeight;
                    iframe.height = ($(iframeWin.document.body).height()) * 1 + 20
                    $(".iframecontent").height(iframe.height)
                }
            }
        };

    </script>
</head>
<body ondblclick="return false;">
    <div class="worker mb20" id="DATABI_YBZZ">
        <div class="header box-shadow">
            <div class="head-center clearfix">
                <div class="logo c666 pull-left">
                    <img v-bind:src="CompanyData.LogoID" onerror="javascript: this.src = '/ViewV5/images/logo.png'" style="max-height: 40px; margin-right: 10px;">
                    <span v-text="CompanyData.QYName"></span>
                    <span v-if="isglz">
                        --<span class="text-info" style="color:#12b8f6" v-text="glzname" id="xm"></span>
                        <a style="color:blue;font-size:14PX" v-on:click.stop="showtree()">切换管理站</a>
                    </span>

                </div>
                <div class="pull-right top-fun">
                    <ul class="clearfix ">
                        <li class="hide">
                            <a class="dropdown-toggle add-fq" data-toggle="dropdown" aria-expanded="true">
                                <i class="iconfont icon-jiahao ft12"></i>
                            </a>


                        </li>
                        <li>
                            <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" aria-haspopup="true">
                                <i class="iconfont icon-pifu tip" data-toggle="tooltip" title="壁纸" data-placement="bottom"></i>
                            </a>
                            <div class="dropdown-menu animated fadeInRight" style="overflow: auto; text-align: center" id="dvskin">
                                <table class="table noborder" style="margin-bottom: 0">
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin12.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin10.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin3.png" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin4.png" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin5.png" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin2.jpg" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin7.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin8.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin9.jpg" />
                                        </td>
                                    </tr>
                                </table>


                                <div class="form-group" style="margin-top: 15px">
                                    <label class="col-xs-3 control-label">透明度</label>
                                    <input type="hidden" class="single-slider" value="0" />
                                </div>

                            </div>
                        </li>

                        <li @click="clearlocadata()">
                            <a class="shuaxin">
                                <i class="iconfont el-icon-remove tip" style="margin-top:3PX" data-toggle="tooltip" title="清除缓存" data-placement="bottom"></i>
                            </a>
                        </li>
                        <li @click="refiframe()">
                            <a class="shuaxin">
                                <i class="iconfont icon-shuaxin1 tip" data-toggle="tooltip" title="刷新" data-placement="bottom"></i>
                            </a>
                        </li>
                        <li @click="exit()">
                            <a>
                                <i class="iconfont icon-tuichu tip" data-toggle="tooltip" title="退出登陆" data-placement="bottom"></i>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="big-nav" style="left:50%">
                <div class="big-nav-list">
                    <div v-for="(item,index) in LMData" v-if="LMData.length>1">
                        <a href="javascript:void(0);" @click="selyyType(item)" class="yytype " v-bind:class="{active:item.isactive }" v-text="item.NAME"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="work">
            <div class="fwlayout " v-bind:class="{ gdwidth: isgdkd=='Y' }">
                <!-- 左边导航 -->
                <div class="leftlayout box-shadow" id="leftlayout">
                    <div class="left-head">
                        <div class="head-img pull-left">
                            <img :src="'/upload/tx/1_'+UserData.UserName+'.jpg'" onerror="javascript: this.src = '/ViewV5/images/head.jpg'" @click="SelUserInfo()" style="cursor: pointer;">
                        </div>
                        <div class="head-information c666 ft14 tc ">
                            <div style="overflow: inherit;">
                                <a class="head-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                    {{UserData.UserRealName}}
                                    <i class="caret ml5 " style="border-top: 5px dashed; border-top: 5px solid \9; border-right: 5px solid transparent; border-left: 5px solid transparent;"></i>
                                </a>
                                <ul class="dropdown-menu  animated fadeInRight">
                                    <li @click="SelUserInfo()">
                                        <a>个人中心</a>
                                    </li>
                                    <li @click="UploadHeadImage()">
                                        <a>修改头像</a>
                                    </li>
                                    <li data-toggle="modal" data-target="#UpdatePDModal" data-index="1" data-backdrop="static">
                                        <a>修改密码</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li @click="exit()">
                                        <a>安全退出</a>
                                    </li>
                                </ul>
                            </div>
                            <div style="font-weight:bold" id="divDeptName"></div>
                            <div v-text="UserData.zhiwu?UserData.zhiwu:'暂无'"></div>
                        </div>
                    </div>
                    <div class="nav-list">
                        <ul>
                            <li v-for="item in  UseYYList" v-show="item.PModelCode==yytype">
                                <a :title="item.ModelName" @click="selMenu2(item)" v-bind:class="{active:item.isactive }">
                                    <i class="iconfont icon-yingyongzongshu"></i>
                                    <span v-text="item.ModelName"></span>
                                </a>
                                <el-collapse-transition>
                                    <div v-show="item.isactive">
                                        <div class="menu3" style="padding-left: 50px;" v-for="menu in item.FunData" @click="selmenulev2(menu)" v-bind:class="{menu3active:menu.isactive }">
                                            <i class="iconfont icon-yingyongzongshu"></i>
                                            <span v-text="menu.PageName"></span>
                                            <span class="label label-danger" style="margin-left: 10px;border-radius: 25%;" v-show="menu.msgcount!='0'" v-text="menu.msgcount"></span>
                                        </div>
                                    </div>
                                </el-collapse-transition>

                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 右边内容 -->
                <div class="rightlayout">
                    <div v-bind:class="{nomargin:!ishasRight,'index-center':ishasRight}">
                        <!-- 上边切换导航 -->
                        <div class="menu-general ft16 box-shadow">
                            <ul>
                                <li v-for="(el,index) in PageS" v-bind:class="{active:el.isactive}" @click="selTab(el,index)" class="toptab">
                                    <a v-text="el.PageName"></a><i v-if="index!=0" @click.stop="RemoveTab(el,index)" class="el-icon-close"></i>
                                    <!--<i v-if="el.PageName=='微信企业号'" style="position: absolute; right: -19px; top: -10px;">
                                        <img src="/ViewV5/images/tuijian.gif" />
                                    </i>-->
                                </li>
                            </ul>
                            <ins style="position: absolute; right: 25px; text-decoration: none; cursor: pointer; color: #666; font-size: 22px;" class="iconfont icon-shuaxin tip" @click="refpage('')" v-if="!ishasRight" data-toggle="tooltip" title="刷新" data-placement="bottom"></ins>
                            <ins class="iconfont icon-shezhi tblue tip" data-toggle="modal" data-target="#DragSort" v-if="ishasRight" data-toggle="tooltip" title="设置工作台"></ins>


                        </div>
                        <!-- 下边内容 -->
                        <!--<div v-show="isshowload&&isiframe!='Y'" class="main-content ft16 mt10 pt20 pb20 c666 box-shadow clearfix" style="min-height:700px" ms-include-src="PageCode+'.html?r='+model.rdm" data-include-rendered='Temprender'>
                        </div>-->

                        <div class="main-content ft16 mt10  pb20 c666 box-shadow clearfix" style="min-height:700px">
                            <keep-alive>
                                <component class="widget" :is="PageCode" :pdata="pagedata"></component>
                            </keep-alive>
                        </div>

                        <!--<div class="iframecontent ft16 mt10 c666 box-shadow clearfix" v-show="isiframe=='Y'">
                            <iframe marginwidth="0" class="tabiframe" marginheight="0" frameborder="0" scrolling="no" onload="changeFrameHeight()" height="100%" id="main" name="main" width="100%" style="min-height: 600px"></iframe>

                        </div>-->
                        <div class="index-right" style="display:none">

                            <!-- 没有任何记录样式 -->
                            <div class="right-list box-shadow bgfff mb20">
                                <a href="###" class="small-title">
                                    <i class="iconfont icon-you pull-right"></i>
                                    <span class="small-img">
                                        <img src="images/icon/XXFB.png">新闻公告
                                    </span>
                                </a>
                                <ul>
                                    <li v-for="(item,index) in QYGGData" v-show="index<5"><a href="javascript:void(0)" @click="ViewXXFB(item)">【{{item.TypeName}}】{{item.XXTitle }}</a></li>
                                    <div v-show="QYGGData.length==0">您当前还没有记录</div>
                                </ul>
                            </div>
                            <!-- 信息列表样式 -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="UpdatePDModal" role="dialog">
            <div class="modal-dialog" role="document" style="width: 500px">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">修改密码</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-xs-4 control-label"><span class="Required">*</span>新密码</label>
                                <input type="password" class="form-control szhl_require" style="width: 200px" id="newPwd" placeholder="请输入新密码" />
                            </div>
                            <div class="form-group">
                                <label class="col-xs-4 control-label"><span class="Required">*</span>确认密码</label>
                                <input type="password" class="form-control szhl_require" style="width: 200px" id="newPwd2" placeholder="请输入确认密码" />
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-success" id="conaddForder" @click="ModifyPwd(this)"><i class="fa fa-spinner fa-spin" style="display: none"></i>确&nbsp;&nbsp;认</button>
                    </div>
                </div>
            </div>
        </div>
        <el-dialog title="选择管理站"
                   :visible.sync="TreeVisible"
                   width="30%">
            <el-tree :data="treedata" :props="defaultProps" node-key="id" :default-expanded-keys="['1']" ref="ztree" @node-click="glzchange" accordion></el-tree>
            <span slot="footer" class="dialog-footer">
                <span>已选择:{{glzname}}</span>
                <el-button @click="TreeVisible = false">取 消</el-button>
                <el-button type="primary" @click="qdglz()">确 定</el-button>
            </span>
        </el-dialog>

    </div>


    <script src="/ViewV5/JS/vue.js"></script>
    <script src="/ViewV5/JS/httpVueLoader.js"></script>
    <script src="/ViewV5/JS/element/element.js"></script>
    <script src="/ViewV5/JS/element/pltable/index.js"></script>
    <script type="text/javascript" src="/ViewV5/JS/jquery-1.11.2.min.js"></script>
    <script src="/ViewV5/CSS/bootstrap3.3.5/js/bootstrap.js"></script>
    <script src="/ViewV5/JS/layer/layer.js"></script>
    <script src="/ViewV5/JS/layer/extend/layer.ext.js"></script>
    <script src="/ViewV5/JS/toastr.js"></script>
    <script src="/ViewV5/JS/lodash.min.js"></script>
    <script src="/ViewV5/AppPage/DATABI/data-set.min.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js?v=4"></script>
    <script src="/ViewV5/JS/range/range.js"></script>    
    <script src="/ViewV5/JS/indexv1.js?v=152"></script>

    <script type="text/javascript">
        // 切换
        $(function () {
            window.UMEDITOR_HOME_URL = "/ToolS/ueditor/"
            $("#dvskin").bind("click", function (event) {
                event.stopPropagation();
            })
            var skinurl = "/ViewV5/images/skin/skin1.png";
            if (localStorage.getItem("skin")) {
                skinurl = localStorage.getItem("skin");
            }
            $("body").css("background", "url('" + skinurl + "')");
            $(".skintp").bind('click', function (event) {
                localStorage.setItem("skin", $(this).attr("src"));
                $("body").css("background", "url('" + $(this).attr("src") + "')");
                $("body").css("background-position", "center center").css("background-size", "cover");
            })
            $("body").css("background-position", "center center").css("background-size", "cover");

            var opacity = "97";
            if (localStorage.getItem("opacity")) {
                opacity = localStorage.getItem("opacity");
            }
            $("body").css("opacity", "." + opacity);
            $('.single-slider').val(opacity)
            $('.single-slider').jRange({
                from: 75,
                to: 99,
                step: 1,
                scale: [75, 99],
                format: '%s',
                width: 280,
                onstatechange: function (val) {
                    $("body").css("opacity", "." + val);
                    localStorage.setItem("opacity", val);

                }
            });

            $(document).on("click", ".tab-type li span", function () {
                $(this).addClass("active").parent().siblings().children().removeClass("active")
            });//筛选类型
            $(document).on("dblclick", ".layui-layer-shade", function () {
                layer.closeAll();
            });//筛选类型

            if (true) {

            }
            if (localStorage.getItem("gdall") == "Y") {
                $(".fwlayout").addClass("gdall");
            }

            $("#zdh").click(function () {
                $(".fwlayout").toggleClass("gdall");
                var isgdall = localStorage.getItem("gdall") == "Y" ? "N" : "Y";
                localStorage.setItem("gdall", isgdall);
            })


            //$(".shuaxin").click(function () {
            //    $(this).toggleClass("dh")
            //})
            // 聊天窗口的显示隐藏

            // 保持页面永远能到底部
            var h2 = window.innerHeight - 90;
            document.getElementById("leftlayout").style.minHeight = h2 + "px";



        });
    </script>


</body>
</html>
